<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/8/22
  Time: 11:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <%--<meta http-equiv="Access-Control-Allow-Origin" content="open.weixin.qq.com">--%>
    <title>新途微助手</title>
    <%@include file="../../../include/header.jsp" %>

    <style>
        a:hover, a:visited, a:active, a:link {
            text-decoration: none;
            color: black;
        }
        .modal-inner{
            padding:0px
        }
        #select label {
            font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.4;
            font-weight: 100;
        }

        table {
            width: 100%;
        }

        table tr {
            width: 30%;
        }

        table tr td {
            text-align: center;
            height: 40px;
        }

        .row {
            background-color: #FFFFFF;
            margin-bottom: 10px;
        }

        .row .indexToolbar {
            text-align: center;
            line-height: 40px;
            height: 40px;
            margin: 10px 0;
            font-size: 14px;
            color: #4B4C4C;
        }

        .item-title{
            color:black;
            font-size:18px;
            font-weight:normal;
            text-align: left;
            width:50%;
        }
        .item-input{
            width:50%;
        }
        .item-input input{
            text-align: right;
        }

        .dots {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
        }

        .dots li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 4px;
            text-indent: -999em;
            border: 2px solid #fff;
            border-radius: 6px;
            cursor: pointer;
            opacity: .4;
            -webkit-transition: background .5s, opacity .5s;
            -moz-transition: background .5s, opacity .5s;
            transition: background .5s, opacity .5s;
        }

        .dots li.active {
            background: #fff;
            opacity: 1;
        }

        .arrow {
            position: absolute;
            top: 80px;
            z-index: 99999999
        }

        #al {
            left: 15px;
        }

        #ar {
            right: 15px;
        }

    </style>
</head>
<body>
<!-- Status bar overlay for full screen mode (PhoneGap) -->
<div class="statusbar-overlay"></div>
<!-- Panels overlay-->
<div class="panel-overlay"></div>
<!-- Views -->
<div class="views">
    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar">
            <div class="navbar-inner">
                <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
                <div class="left">
                    <a class="link" onClick="targetPage()" id="back"><i class="icon icon-back"></i><span>返回</span></a>
                </div>
                <div class="center">爆款推荐</div>
                <div class="right" id="sellerShop"></div>
            </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through toolbar-through">
            <!-- Page, "data-page" contains page name -->
            <div data-page="index" class="page">
                <!-- Scrollable page content -->
                <div class="page-content pull-to-refresh-content infinite-scroll" data-distance="100">

                    <div class="pull-to-refresh-layer">
                        <div class="preloader"></div>
                        <div class="pull-to-refresh-arrow"></div>
                    </div>

                    <div class="content-block" style="margin:0px;padding-left:0px;"></div>
                    <div id="queryResultList" style="margin:0;padding:0;width:100%;height:auto"></div>

                    <div class="infinite-scroll-preloader">
                        <div class="preloader"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Bottom Toolbar-->
        <div style="height:60px;" id="index-tool">
        </div>
    </div>
</div>
<%@include file="../../../include/footer.jsp" %>
<script src="${cdnContentPath}/static/template7/dist/template7.js"></script>
<script type="text/javascript" src="${relativePath}/view/menu1/hot_commodity/my-app.js"></script>
<script>
    var myApp = new Framework7();
    var $$ = Framework7.$;

    var mainView = myApp.addView('.view-main');
    function targetPage() {
        var pageName = myApp.mainView.activePage.name;
        if (pageName == 'index') {
            WeixinJSBridge.call('closeWindow');
        }else if(pageName == 'reserve'){
            var toolbarHtml = '<div class="toolbar-inner" style="text-align: center;padding:0px">' +
                    '<a style="width:20%;" onclick="requestSellerInfo(\'email\')"><img src="../../../static/image/detail/email.png"/></a>' +
                    '<a style="width:20%;" onclick="requestSellerInfo(\'mobile\')"><img src="../../../static/image/detail/phone.png"/></a>' +
                    '<a style="width:20%;" onclick="userCollection()"><img id="collection-img" src="../../../static/image/detail/collection-2x-false.png"/></a>' +
                    '<a id="ticket-reserve" style="width:45%;height:60px;background-color: #509AF1;line-height: 60px;color: #FFFFFF;">现在预定</a>' +
                    '</div>';
            $("#index-tool").addClass("toolbar").html(toolbarHtml);
            var typeId= $("#detail-typeId").val();
            if(typeId == 23){
            }else if(typeId == 24){
                $("#ticket-reserve").attr("href", "../../menu2/chartered/reserve.jsp");
            }
            App.userCollection('query');
            myApp.showToolbar();
            mainView.router.back();
        }else{
            mainView.router.back();
        }
    }

    $(function () {
        addSearchResult(queryParas);
        onEvent();
    })
</script>
</body>
</html>
